import Vue from "vue";
import { Component, Prop } from "vue-property-decorator";

@Component
export default class extends Vue {
  @Prop({ type: Boolean, default: false }) value;
  @Prop({ type: [String, Number], default: "" }) height;
  @Prop({ type: [String, Number], default: "" }) width;
  @Prop({ type: String, default: "" }) title;
  @Prop({ type: [Number, String], default: 200 }) duration;
  @Prop({ type: Number, default: 40 }) borderRadius;
  @Prop({ type: Boolean, default: true }) toPx;

  borderStyle = {
    borderRadius: "",
  };

  open() {
    this.$emit("input", true);
    this.$emit("open");
  }

  close() {
    this.$emit("input", false);
    this.$emit("close");
  }
}
